<!--
/**
 * 合同 列表页 JS 脚本
 * @author 李方捷 , leefangjie@qq.com
 * @since 2021-12-28 14:16:18
 */
 -->
 <!DOCTYPE html>
<html style="background-color: #FFFFFF;">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8"/>
	<title th:text="${lang.translate('合同')}">合同</title>
    <link th:if(theme.ico!="null") rel="shortcut icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <link th:if(theme.ico!="null") rel="icon" th:href="theme.ico" type="image/vnd.microsoft.icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/assets/libs/layui/css/layui.css" th:href="'/assets/libs/layui/css/layui.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/css/admin.css" th:href="'/assets/css/admin.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/libs/toast/css/toast.css" type="text/css" th:href="'/assets/libs/toast/css/toast.css?'+${cacheKey}">
    <link rel="stylesheet" href="/assets/css/foxnic-web.css" th:href="'/assets/css/foxnic-web.css?'+${cacheKey}"/>
    <link href="/assets/libs/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/assets/libs/material-design-webfont/css/material-design-icons-min.css" rel="stylesheet">
    <script th:inline="javascript">var foxnic_cachekey=[[${cacheKey}]];</script>
    <style>
        .layui-form-label {
            width: 80px;
        }
        .layui-input-block {
            margin-left: 115px;
        }
    </style>
    <link th:each="css:${theme.css}" rel="stylesheet" th:href="${css}+'?'+${cacheKey}">
</head>

<body style="overflow-y: hidden;">
<div class="form-container" >

    <form id="data-form" lay-filter="data-form" class="layui-form model-form" style="display:none">

        <input name="id" id="id"  type="hidden"/>

         <!--开始：group 循环-->


        <fieldset class="layui-elem-field layui-field-title form-group-title" id="contract-info-fieldset">
            <legend>合同信息</legend>
        </fieldset>

        <div class="layui-row form-row" id="contract-info-content">

             <!--开始：group 循环-->
            <div class="layui-col-xs12 form-column" >

                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('合同抬头')}">合同抬头</div><div class="layui-required">*</div></div>
                        <div class="layui-input-block ">
                            <input lay-filter="title" id="title" name="title" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('合同抬头') }" type="text" class="layui-input"    lay-verify="|required"  />
                        </div>
                    </div>

                                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('合同编号')}">合同编号</div></div>
                        <div class="layui-input-block ">
                            <input lay-filter="contractNo" id="contractNo" name="contractNo" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('合同编号') }" type="text" class="layui-input"  />
                        </div>
                    </div>

                <!--结束：栏次内字段循环-->
            </div>
            <!--结束：栏次输入框循环-->
        </div>
         <!--开始：group 循环-->

        <fieldset class="layui-elem-field layui-field-title form-group-title" id="signer-fieldset">
        <legend>签订方</legend>
        </fieldset>
        <div class="layui-row form-row" style="text-align: center;" id="signer-content">
            <div style="display: inline-block;padding-right: 8px;padding-left: 8px" class="layui-col-xs12">
            <iframe js-fn="loadSignerFrame" class="form-iframe" frameborder="0" style="width: 100%"></iframe>
            </div>
        </div>
         <!--开始：group 循环-->


        <fieldset class="layui-elem-field layui-field-title form-group-title" id="detail-fieldset">
            <legend>详细信息</legend>
        </fieldset>

        <div class="layui-row form-row" id="detail-content">

             <!--开始：group 循环-->
            <div class="layui-col-xs6 form-column" >


                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('合同类型')}">合同类型</div><div class="layui-required">*</div></div>
                        <div class="layui-input-block ">
                            <div id="type" input-type="select" th:data="${enum.toArray('com.dt.platform.constants.enums.contract.ContractType')}" extraParam="{}"></div>
                        </div>
                    </div>


                
                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('合同状态')}">合同状态</div></div>
                        <div class="layui-input-block ">
                            <div id="contractStatus" input-type="select" th:data="${enum.toArray('com.dt.platform.constants.enums.contract.ContractStatus')}" extraParam="{}"></div>
                        </div>
                    </div>


                                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('交付物')}">交付物</div></div>
                        <div class="layui-input-block ">
                            <input lay-filter="deliverables" id="deliverables" name="deliverables" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('交付物') }" type="text" class="layui-input"  />
                        </div>
                    </div>

                                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('归属部门')}">归属部门</div><div class="layui-required">*</div></div>
                        <div class="layui-input-block ">
                            <input lay-filter="departmentId" id="departmentId" name="departmentId"  type="hidden" class="layui-input"    lay-verify="|required"   />
                            <button id="departmentId-button" type="button" action-type="org-dialog" class="layui-btn   " style="width: 100%"> <i class='layui-icon layui-icon-search'></i> <span th:text="${lang.translate('请选择组织节点')}" th:default-label="${lang.translate('请选择组织节点')}">按钮文本</span></button>
                        </div>
                    </div>

                
                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('签订日期')}">签订日期</div></div>
                        <div class="layui-input-block ">
                            <input input-type="date" lay-filter="signingDate" id="signingDate" name="signingDate"  autocomplete="off"  readonly  th:placeholder="${ lang.translate('请选择') +''+ lang.translate('签订日期') }" type="text" class="layui-input"    lay-verify=""   />
                        </div>
                    </div>

                
                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('结束日期')}">结束日期</div></div>
                        <div class="layui-input-block ">
                            <input input-type="date" lay-filter="endDate" id="endDate" name="endDate"  autocomplete="off"  readonly  th:placeholder="${ lang.translate('请选择') +''+ lang.translate('结束日期') }" type="text" class="layui-input"    lay-verify=""   />
                        </div>
                    </div>

                <!--结束：栏次内字段循环-->
            </div>
             <!--开始：group 循环-->
            <div class="layui-col-xs6 form-column" >


                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('合同分类')}">合同分类</div><div class="layui-required">*</div></div>
                        <div class="layui-input-block ">
                            <div id="catalogCode" input-type="select" th:data="${dict.toArray('contract_catalog')}" extraParam="{}"></div>
                        </div>
                    </div>


                                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('交付地')}">交付地</div></div>
                        <div class="layui-input-block ">
                            <input lay-filter="deliveryLocation" id="deliveryLocation" name="deliveryLocation" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('交付地') }" type="text" class="layui-input"  />
                        </div>
                    </div>

                
                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('合同金额')}">合同金额</div></div>
                        <div class="layui-input-block ">
                            <input lay-filter="amount" id="amount" name="amount" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('合同金额') }" type="text" class="layui-input"   autocomplete="off" input-type="number_input" integer="false" decimal="true" allow-negative="true" step="1.0"   scale="2" />
                        </div>
                    </div>


                
                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('生效日期')}">生效日期</div></div>
                        <div class="layui-input-block ">
                            <input input-type="date" lay-filter="effectiveDate" id="effectiveDate" name="effectiveDate"  autocomplete="off"  readonly  th:placeholder="${ lang.translate('请选择') +''+ lang.translate('生效日期') }" type="text" class="layui-input"    lay-verify=""   />
                        </div>
                    </div>

                
                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('失效日期')}">失效日期</div></div>
                        <div class="layui-input-block ">
                            <input input-type="date" lay-filter="expirationDate" id="expirationDate" name="expirationDate"  autocomplete="off"  readonly  th:placeholder="${ lang.translate('请选择') +''+ lang.translate('失效日期') }" type="text" class="layui-input"    lay-verify=""   />
                        </div>
                    </div>

                <!--结束：栏次内字段循环-->
            </div>
            <!--结束：栏次输入框循环-->
        </div>
         <!--开始：group 循环-->



        <div class="layui-row form-row" id="random-0529-content">

             <!--开始：group 循环-->
            <div class="layui-col-xs12 form-column" >


                    <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('摘要信息')}">摘要信息</div></div>
                    <div class="layui-input-block ">
                        <textarea lay-filter="summary" id="summary" name="summary" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('摘要信息') }" class="layui-textarea" style="height: 120px" ></textarea>
                    </div>
                </div>


                <!--结束：栏次内字段循环-->
            </div>
            <!--结束：栏次输入框循环-->
        </div>
         <!--开始：group 循环-->


        <fieldset class="layui-elem-field layui-field-title form-group-title" id="funding-fieldset">
            <legend>资金情况</legend>
        </fieldset>

        <div class="layui-row form-row" id="funding-content">

             <!--开始：group 循环-->
            <div class="layui-col-xs6 form-column" >


                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('资金流向')}">资金流向</div></div>
                        <div class="layui-input-block ">
                            <div id="fundingDirection" input-type="select" th:data="${dict.toArray('funding_direction')}" extraParam="{}"></div>
                        </div>
                    </div>


                <!--结束：栏次内字段循环-->
            </div>
             <!--开始：group 循环-->
            <div class="layui-col-xs6 form-column" >


                    <div class="layui-form-item" >
                        <div class="layui-form-label "><div th:text="${lang.translate('资金状态')}">资金状态</div></div>
                        <div class="layui-input-block ">
                            <div id="fundingStatus" input-type="select" th:data="${enum.toArray('com.dt.platform.constants.enums.contract.FundingStatus')}" extraParam="{}"></div>
                        </div>
                    </div>


                <!--结束：栏次内字段循环-->
            </div>
            <!--结束：栏次输入框循环-->
        </div>
         <!--开始：group 循环-->

        <fieldset class="layui-elem-field layui-field-title form-group-title" id="attachment-fieldset">
        <legend>合同附件</legend>
        </fieldset>
        <div class="layui-row form-row" style="text-align: center;" id="attachment-content">
            <div style="display: inline-block;padding-right: 8px;padding-left: 8px" class="layui-col-xs12">
            <iframe js-fn="loadAttachmentFrame" class="form-iframe" frameborder="0" style="width: 100%"></iframe>
            </div>
        </div>
         <!--开始：group 循环-->

        <fieldset class="layui-elem-field layui-field-title form-group-title" id="performance-fieldset">
        <legend>执行情况</legend>
        </fieldset>
        <div class="layui-row form-row" style="text-align: center;" id="performance-content">
            <div style="display: inline-block;padding-right: 8px;padding-left: 8px" class="layui-col-xs12">
            <iframe js-fn="loadPerformanceFrame" class="form-iframe" frameborder="0" style="width: 100%"></iframe>
            </div>
        </div>
        <!--结束：group循环-->

        <div style="height: 8px"></div>


    </form>

</div>
<div class="model-form-footer">
    <button class="layui-btn layui-btn-primary" id="cancel-button" lay-filter="cancel-button" type="button" th:text="${lang.translate('取消')}" >取消</button>
    <button th:if="${perm.checkAnyAuth('cont_contract:create','cont_contract:update','cont_contract:save')}" class="layui-btn" style="margin-right: 15px;display: none;"  id="submit-button" lay-filter="submit-button" lay-submit th:text="${lang.translate('保存')}">保存</button>
</div>

<script type="text/javascript" src="/module/global.js" th:src="'/module/global.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/jquery-3.2.1.min.js" th:src="'/assets/libs/jquery-3.2.1.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/pandyle.min.js" th:src="'/assets/libs/pandyle.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/layui/layui.js" th:src="'/assets/libs/layui/layui.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/toast/js/toast.js" th:src="'/assets/libs/toast/js/toast.js?'+${cacheKey}"></script>

<script th:inline="javascript">
    var LAYUI_TABLE_WIDTH_CONFIG = [[${layuiTableWidthConfig}]];
    var SELECT_TYPE_DATA = [[${enum.toArray('com.dt.platform.constants.enums.contract.ContractType')}]];
    var SELECT_CONTRACTSTATUS_DATA = [[${enum.toArray('com.dt.platform.constants.enums.contract.ContractStatus')}]];
    var SELECT_FUNDINGSTATUS_DATA = [[${enum.toArray('com.dt.platform.constants.enums.contract.FundingStatus')}]];
    var SELECT_FUNDINGDIRECTION_DATA = [[${dict.toArray('funding_direction')}]];
    var SELECT_CATALOGCODE_DATA = [[${dict.toArray('contract_catalog')}]];
    var VALIDATE_CONFIG={"endDate":{"date":true,"labelInForm":"结束日期","inputType":"date_input"},"signingDate":{"date":true,"labelInForm":"签订日期","inputType":"date_input"},"departmentId":{"labelInForm":"归属部门","inputType":"button","required":true},"catalogCode":{"labelInForm":"合同分类","inputType":"select_box","required":true},"type":{"labelInForm":"合同类型","inputType":"select_box","required":true},"title":{"labelInForm":"合同抬头","inputType":"text_input","required":true},"effectiveDate":{"date":true,"labelInForm":"生效日期","inputType":"date_input"},"expirationDate":{"date":true,"labelInForm":"失效日期","inputType":"date_input"}};
    var AUTH_PREFIX="cont_contract";


</script>



<script th:src="'/business/contract/contract/contract_ext.js?'+${cacheKey}"></script>
<script th:src="'/business/contract/contract/contract_form.js?'+${cacheKey}"></script>

</body>
</html>